
<template>
	<block>
		<view class="wrap">
			<block>
				<view class="wrap_box">
					<view class="wrap_box_title">
						<text>提现编号：</text>
						<text style="font-size: 30rpx;">{{withdrawId||'000000000000000'}}</text>
					</view>
					<block>
						<view class="wrap_box_content">
							<view class="wrap_box_content_title">提现名称</view>
							<view class="wrap_box_content_tip">
								{{withdrawName||'暂无'}}
							</view>
						</view>
						<view class="wrap_box_content">
							<view class="wrap_box_content_title">提现内容</view>
							<view class="wrap_box_content_tip">
								{{withdrawRemark||'暂无'}}
							</view>
						</view>
						<view class="wrap_box_content">
							<view class="wrap_box_content_title">提现金额</view>
							<view class="wrap_box_content_tip">
								￥{{withdrawMoney/100||0}}
							</view>
						</view>
						<view class="wrap_box_content">
							<view class="wrap_box_content_title">提现状态</view>
							<view class="wrap_box_content_tip">
								<text v-if="status==1" style="color:#4CD964">
									提现成功
								</text>
								<text v-if="status==0" style="color: red;">
									审核中...
								</text>
							</view>
						</view>
						<view class="wrap_box_content">
							<view class="wrap_box_content_title">提现时间</view>
							<view class="wrap_box_content_tip">
								{{createTime||'0000-00-00 00:00:00'}}
							</view>
						</view>
					</block>
				</view>
			</block>
		</view>
	</block>
</template>

<script>
	/**
	 * options => [{title: '房屋信息',children: [{name: '姓名',value: '大哥'}]}] // 数据格式
	 * @@param {string} itemKey  父级key  默认index
	 * @@param {string} valKey  子级key  默认index
	 */
	export default {
		name: 'Descriptions',
		props: ["withdrawId","withdrawName","withdrawRemark","withdrawMoney","status","createTime"],
		data() {
			return {}
		},
	}
</script>

<style lang="scss">
	.aware-container{
		display: flex;
		justify-content: center;
		align-items: center;	
		height: 100%;
		float: right;
		.redbagimage{
			height: 50rpx;
			width: 50rpx;
		}
		.aware-money{
			color: red;
			margin-left: 5rpx;
		}
	}
	.wrap_box_title{
		align-items: center;
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	.wrap {
		// position: absolute;
		// width: 100%;
		// height: 100%;
		// background: rgba(99, 147, 255, 0.1000);

		&_box {
			margin: 0 15rpx 40rpx 15rpx;
			box-sizing: border-box;
			margin-bottom: 40rpx;
			box-shadow: 0px 0px 17rpx 0px rgba(99, 147, 255, 0.3000);
			border-radius: 30rpx;

			&_title {
				min-height: 113rpx;
				line-height: 113rpx;
				padding-left: 30rpx;
				padding-right: 30rpx;
				font-weight: 600;
				font-size: 34rpx;
				background: rgba(79, 147, 255, 0.4000);
				border-radius: 30rpx 30rpx 0 0;
			}

			&_content {
				display: flex;
				height: 112rpx;
				line-height: 112rpx;
				padding: 0 30rpx;
				color: #333;
				font-weight: 400;
				font-size: 34rpx;
				background: #FFFFFF;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1000);

				&_title {}

				&_tip {
					flex: 1;
					text-align: right;

				}
			}

			&_content:last-child {
				border-radius: 0 0 30rpx 30rpx;
			}
		}
	}
</style>